<template>
  <div id="year">
    <ul>
      <li v-for="writing in writings"><a href="">{{writing}}</a></li>
    </ul>
  </div>
</template>

<script>
  export default{
    data(){
      return {
        title:'',
        writings:[
          "2016年",
         "javascript进阶之路",
          "javascript进阶之路",
          "javascript进阶之路"
        ]
      }
    },
    methods:{
    }
  }
</script>

<style scoped>
  #year ul{
    margin-top:10px;
    margin-left:10px;
    width:250px;
    background-color: #fff8d8;
  }
  #year li:first-child{
    background-color: #fadeb6;
  }
  #year li{
    font-size: 18px;
    padding-left: 10px;
    width:250px;
    height:50px;
    line-height: 50px;

  }
  #year li:hover {
    background-color: #fadeb6;
  }

</style>
